<template>
  <div class="app">
    <transition name="slide-fade">
    <router-view class="router_view" v-wechat-title="$route.meta.title"></router-view>
    </transition>
  </div>
</template>


<script>
export default {
  mounted() {
  },
}
</script>


<style lang="less">
html{color:#000;background:#FFF;}   
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,   
fieldset,input,textarea,p,blockquote,th,td {   
margin:0;   
padding:0;   
}
html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}
.slide-fade-enter-active {
  transition: all .3s ease;
}
.slide-fade-leave-active {
  transition: all .3s ease;
  position:absolute;  /** 脱离文档流，消除过渡动画从下往上抬一下的效果*/
}
.slide-fade-enter, .slide-fade-leave-to{
  transform: translateX(10px);
  opacity: 0;
}

.app{
  width: 100%;
  height: 100vh;
}
.router_view{
  width: 100%;
  height: 100%;
}
</style>
